@media only screen and (max-device-width: 480px){
body{ 
	background-color: #ededed;
	font-family: Arial;
	width: 95%;

}
h1,h2,h3{
	color: #333333;
}
h1{
	color: #5A5A5A;
}
/* haut.php :*/
#haut{
	width: 95%;
	margin: auto;
	background-color: white;
	box-shadow: none;
	padding: 10px;
	margin-bottom: 0px;
}
#haut a{
	color: black;
	text-decoration: none;
	font-family: Verdana;
	font-size: 15px;
}

#img_haut{
	display: none;

}
#img_haut_mobile{
	display: block;
}
#haut img{
	/*border-radius: 10px 10px 0 0;*/
}

#acces{
	float: right;
	color: black;
}
#acces a:hover{
	color: #ededed;
	text-decoration: none;
}
#menu{
	overflow: hidden; /*Pour que la liste soit à l'horizontale.*/
	 text-align: right;  
	width: 100%;

}
#menu ul{
	list-style: none;
	width: 100%;
	text-align: center;
	margin: 0;
    padding: 0;

}
#menu li{
	text-align: left;
	width: 100%;
	padding: 2px;
	text-align: center;
}
#menu li:hover{
	float: left;
	/*width: 200px;*/
	background-color: #ededed ;
	/*color: white;*/
	padding: 2px;
}

/*Corps*/
#corps{


	width: 95%;
	text-align: center;
	padding: 10px;
	

}
#corps h1,h2{
	text-align: left;
	font-family: Verdana;
}
#centre{
	background-color: white;
	box-shadow: none;
	padding: 5px;
	margin-bottom: 0px;
}
#centre input, label{
margin-bottom: 5px;
}
/*News*/

#bloc_news{
	: 100%;
	 padding-bottom: 10px;
	 
}
#news{
	background-color: white;
	padding: 5px;
	padding-bottom: 20px;
	text-align: left;
	font-size: 14px;
	box-shadow: none;
	margin-bottom: 0px;
}
#news a{
	text-decoration:none;
	font-weight: bold;
	color: #79afe1;

}
#news hr{
	width: 80%;
	color: #ededed;

}
#news_gauche{
	display: none;
}
#news_droite{
	text-align: center;
}
#colonne_gauche{
	display: none;
}

#twitter{

	display: none;

}
/* bas.php */
#bas{
	text-align :center;
	font-size: 9px;
	height: 50px;
}
}